


<!-- 左侧搜索栏 -->
<div class="col-md-3">
    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-gift"></i>索引与添加 </div>
            <div class="tools">
                <a href="javascript:;" class="collapse" data-original-title="展开/关闭" title=""> </a>
            </div>
        </div>
        <div class="portlet-body form">
            <!-- BEGIN FORM-->
            <form action="#">
                <div class="form-body">
                    <div class="form-group">
                        <label class="control-label">用户名</label>
                        <input id="search-username" type="text" class="form-control" placeholder="输入用户名">
                    </div>
                </div>
                <div class="form-actions">
                    <button id="btn-search" type="button" class="btn btn-success mt-ladda-btn ladda-button" data-style="zoom-in">
                        <span class="ladda-label"><i class="fa fa-search"></i> 搜索</span>
                        <span class="ladda-spinner"></span><div class="ladda-progress" style="width: 0px;"></div>
                    </button>
                    <button id="btn-add" type="button" class="btn btn-primary mt-ladda-btn ladda-button pull-right" data-style="zoom-in">
                        <span class="ladda-label"><i class="fa fa-plus"></i> 添加</span>
                        <span class="ladda-spinner"></span><div class="ladda-progress" style="width: 0px;"></div>
                    </button>
                </div>
            </form>
            <!-- END FORM-->
        </div>
    </div>
</div>

<div class="col-md-9">
    <div class="portlet box red">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-gift"></i>列表</div>
            <div class="tools">
                <a id="a-reload" href="javascript:;" class="reload" data-original-title="重新载入" title=""> </a>
                <a href="javascript:;" class="collapse" data-original-title="展开/关闭" title=""> </a>
            </div>
        </div>
        <div id="div-data-list" class="portlet-body">
        </div>
    </div>
</div>

<script>
    function getListByPage(page){
        ADMINIndex.load(page);
    }
</script>
